<template>
  <div>
    <jxf-titletip :title="title" :hasRefresh="true"></jxf-titletip>
    <div class="content mt20">
      <el-card class="jxf-table-card mt10">
        <div slot="header" class="clearfix">
          <span>基本信息</span>
        </div>
        <div class="listArea">
          <jxf-datalist :info="dataInfo" :lineNum="2"></jxf-datalist>
        </div>
      </el-card>
    </div>
  </div>
</template>

<script>
    export default {
        name: "SystemInfo",
        data() {
          return {
            title: "系统信息",
            dataInfo: []
          }
        },
        methods: {
          getData() {
            this.dataInfo = [
              {
                label: "服务器操作系统:",
                value: "Linux (114.55.34.251)"
              }, {
                label: "Web 服务器:",
                value: "nginx/1.10.2"
              }, {
                label: "PHP 版本:",
                value: "5.6.30"
              }, {
                label: "MySQL 版本:",
                value: "5.5.56"
              }, {
                label: "安全模式:",
                value: "否"
              }, {
                label: "安全模式GID:",
                value: "否"
              }, {
                label: "Socket 支持:",
                value: "是"
              }, {
                label: "时区设置:",
                value: "Asia/Shanghai"
              }, {
                label: "GD 版本:",
                value: "GD2 ( JPEG GIF PNG)"
              }, {
                label: "Zlib 支持:",
                value: "是"
              }, {
                label: "IP 库版本:",
                value: "20071024"
              }, {
                label: "文件上传的最大大小:",
                value: "40M"
              }, {
                label: "程序版本:",
                value: "v2.2.2 RELEASE 20170629"
              }, {
                label: "安装日期:",
                value: "2017-05-02"
              }, {
                label: "编码:",
                value: "UTF-8"
              }, {
                label: "",
                value: ""
              }
            ]
          },
        },
        created() {
          this.getData()
        }
    }
</script>

<style lang="scss" scoped>
  .content {
    padding-bottom: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    .listArea {
      padding: 20px;
    }
  }
</style>
